<template>
	<div id="Pagination">
		<Page 
			@on-change="pageChange"
			@on-page-size-change="pageSizeChange"
			:total="data.length"
			size="small" 
			show-total
			show-elevator 
			show-sizer 
			class-name="paging">
		</Page>
	</div>
</template>

<script>
export default {
  props: ['search','request','data'],
  data() {
    return {};
  },
  computed: {},
  methods: {
	 pageChange(page){
		this.request.pageNum = page;
		this.search()
	},
	pageSizeChange(size){
		this.request.pageSize = size;
		this.search()			
	}
  },
  created() {}
};
</script>

<style lang="scss" scoped>
#Pagination {
   padding:50px 0 50px;
}
</style>
